<template>
    <div id="app">
      <!-- 搜索框 -->
      <Search></Search>
  
      <!-- 轮播图 -->
      <Swiper1></Swiper1>
  
      <!-- 列表 -->
      <List1></List1>
      
    </div>
  </template>
  
  <script>
  // 导入组件
  // import Search from './components/Search.vue'
//   import Swiper from './components/Swiper.vue'
//   import List from './components/List.vue'
//   import Tabbar from './components/Tabbar.vue'
  export default {
    data(){
        return {

        }
    },
  }
  </script>
  
  <style lang="scss">
  // 这里不加scoped,因为，这里一般写全局样式
  *{
    margin: 0;
    padding: 0;
  }
  body{
    padding-bottom: 50px;
  }
//   .tabbar{
//     position: fixed;
//     bottom: 0;
//     width: 100%;
//     display: flex;
//     justify-content: space-around;
//     border-top: 1px solid #555;
//     background-color: #ffffff;

// }
// .btn{
//     height: 50px;
//     display: flex;
//     flex-direction: column;
//     justify-content: space-around;
//     align-items: center;
// }
// .btn.active{
//     color: #3cbdff;
// }
// .btn img{
//     width: 20px;
//     height: 20px;
// }
// .btn span{
//     font-size: 12px;
// }
</style>

  